<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title th:text="${wbeParameter.name}"></title>
    <link rel="stylesheet" type="text/css" href="/resource/css/front/bootstrap.min.css" media="screen">
    <link rel="shortcut icon" href="images/ico/favicon.png">

<style>
    .newsDetails_main {
        background-color: #f2f2f2;
        width: 450px;
        height: 350px;
        position: absolute;
        right: 43%;
        top: 22%;
    }
</style>
</head>

<body style="background: url('../resource/image/loginBg.jpg')">
<a href="/"><h2 th:text="${wbeParameter.name}" style="color: white;padding: 20px 0px 0px 20px"></h2></a>
<div class="newsDetails_main" style="left: 0%;background-color: #F5F5F5;width: 20%;top: 13%">





       <center><h3 style="font-size:20px;color:#333333;" ><a  href="/">返回首页</a></h3></center>





</div>
<div class="newsDetails_main" style="right: 0%;background-color: white;width: 80%;top: 13%">
    <table class="table">
        <thead>
        <tr th:each="news:${newstList}">

                      <th class="title" ><a th:href="${'/front/newsDetails.do?id='+news.id}">&nbsp;&nbsp;<p th:text="${news.name}"></p> </a></th>

                      <th><span class="pushTime" style="margin-left: 0px" th:text="${#strings.substring(news.time,0,19)}"></span></th>

        </tr>
        </thead>
    </table>
  </div>



    <!-- JS -->
    <script type="text/javascript" src="/resource/js/front/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/bootstrap.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/resource/js/front/SmoothScroll.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.slicknav.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.placeholder.min.js"></script>
    <!--<script type="text/javascript" src="js/instagram.min.js"></script>-->
    <script type="text/javascript" src="/resource/js/front/spin.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.introLoader.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/select2.full.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.responsivegrid.js"></script>
    <script type="text/javascript" src="/resource/js/front/ion.rangeSlider.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/readmore.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/slick.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/validator.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.raty.js"></script>
    <script type="text/javascript" src="/resource/js/front/customs.js"></script>
    <script type="text/javascript" src="/resource/common/layui/layui.js"></script>

    <script type="text/javascript" th:inline="javascript">
        layui.use(['jquery', 'table', 'layer', 'laydate', 'form',], function () {
            var table = layui.table,
                $ = layui.$,
                layer = layui.layer,
                laydate = layui.laydate,
                form = layui.form;
            laydate.render({
                elem: '#goTime'
            });
            $('#search').on('click', function () {
                var province = $("#province").val();
                location.href = '/front/index.do?province=' + province
            });

            $('.buyTicket').on('click', function () {
                var startPlace = $("#startPlace").val();
                var goTime = $("#goTime").val();
                var city = $("#city").val();
                location.href = '/front/ticket.do?startPlace=' + startPlace + '&goTime=' + goTime + "&city=" + city
            })
            $('.random').on('click', function () {
                var province = $("#province").val();
                layer.open({
                    type: 2,
                    title: "信息",
                    maxmin: true,
                    shadeClose: true, //点击遮罩关闭层
                    area: ['600px', '500px'],
                    content: "/front/randomBuyTicketPage.do?province=" + province
                });

            })
        });
    </script>

</body>
</html>